<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>demo</title>
</head>

<body>
    <h1>F12查看效果</h1>
    <script src="./utils.js"></script>

    <h1>返回随机时间</h1>
    <div id="demo0"></div>
    <script>
        var result = ''
        result += `randomDate()~~~~~~~~~~${randomDate()}<br>`
        result += `randomDate()~~~~~~~~~~${randomDate()}<br>`
        result += `randomDate()~~~~~~~~~~${randomDate()}<br>`

        document.querySelector('#demo0').innerHTML = result
    </script>


    <h1>获取输入的时间距离现在的时间</h1>
    <div id="demo1"></div>
    <script>
        var result = ""

        result += `dateFormat('2017-3-3 5:18:19') ~~~~~${dateFormat('2017-3-3 5:18:19')} <br>`
        result += `dateFormat('2022-1-3 5:18:19') ~~~~~${dateFormat('2022-1-3 5:18:19')} <br>`
        result += `dateFormat('2022-4-3 5:18:19') ~~~~~${dateFormat('2022-4-3 5:18:19')} <br>`
        result += `dateFormat('2022-4-14 5:18:19') ~~~~${dateFormat('2022-4-14 5:18:19')} <br>`

        document.querySelector('#demo1').innerHTML = result
    </script>


    <h1>字符串补零</h1>
    <div id="demo2"></div>
    <script>
        var result = ''
        result += `zeroize(1)~~~~~${zeroize(1)}<br>`
        result += `zeroize(3)~~~~~${zeroize(3)}<br>`

        document.querySelector('#demo2').innerHTML = result
    </script>

    <h1>调用当前时间</h1>
    <div id="demo3"></div>
    <script>
        var result = ''
        result += `format('YmdHis')~~~~~~~~~~${format('YmdHis')}<br>`
        result += `format('Y-m-d H:i:s')~~~~~${format('Y-m-d H:i:s')}<br>`
        result += `format('Y-m-d ')~~~~~~~~~~${format('Y-m-d')}<br>`

        document.querySelector('#demo3').innerHTML = result

    </script>

    <h1>调用随机颜色</h1>
    <div id="demo4"></div>
    <script>
        var result = ''
        result += `randomColor()~~~~~~~~~~${randomColor()}<br>`
        result += `randomColor()~~~~~~~~~~${randomColor()}<br>`
        result += `randomColor()~~~~~~~~~~${randomColor()}<br>`

        document.querySelector('#demo4').innerHTML = result
    </script>


    <h1>判断当前浏览器类型</h1>
    <div id="demo5"></div>
    <script>
        var result = ''
        result += ` browser()~~~~~~~~~~${browser()}<br>`
        document.querySelector('#demo5').innerHTML = result
    </script>


    <h1>判断是PC端还是移动端</h1>
    <div id="demo6"></div>
    <script>
        var result = ''
        result += `PcandYd()~~~~~~~~~~${PcandYd()}<br>`
        document.querySelector('#demo6').innerHTML = result


    </script>


 
    <h1>判断是否是微信浏览器</h1>
    <div id="demo7"></div>
    <script>
        var result = ''
        result += `weixin()~~~~~~~~~~${weixin()}<br>`
        document.querySelector('#demo7').innerHTML = result

    </script>


    <h1>判断标签样式</h1>
    <div id="demo8"></div> -->
    <script>
        var result = ''
        var divObj = document.querySelector('#demo8')
        result += `getStyle(divOBj,'color')~~~~~~~~~~${getStyle(divObj, 'color')}<br>`
        result += `getStyle(divOBj,'fontSize')~~~~~~~~~~${getStyle(divObj, 'fontSize')}<br>`
        result += `getStyle(divOBj,'width')~~~~~~~~~~${getStyle(divObj, 'width')}<br>`
        document.querySelector('#demo8').innerHTML = result

    </script>
</body>

</html>